<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
          content="width=device-width, height=device-height, initial-scale=1.0,  user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="keywords" content=" web design html template">
    <meta name="date" content="Dec 26">
    <title>迈乐地产云计算</title>
    <!--------------- favicon img --------------->

    <!--------------- bootstrap css --------------->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <!--------------- animation css --------------->
    <link rel="stylesheet" href="static/css/animation.css">
    <!--------------- venobox css --------------->
    <link rel="stylesheet" href="static/css/venobox.min.css">
    <!--------------- slick css --------------->
    <link rel="stylesheet" href="static/css/slick.css">
    <!--------------- animation heading css --------------->
    <link rel="stylesheet" href="static/css/animation-heading.css">
    <!--------------- font-awasome css --------------->
    <link rel="stylesheet" href="static/css/fontawasome.css">
    <!--------------- main css --------------->
    <link rel="stylesheet" href="static/css/style.css">
    <!--------------- responsive css --------------->
    <link rel="stylesheet" href="static/css/responsiver.css">
</head>
<body>
<!-- header-area -->
<div class="header-area">
    <div class="container-fluid">
        <div class="row">
            <!-- menu content -->
            <div class="col-lg-4">
                <div class="invacat-header-area">
                    <div class="invacat-header">
                        <!--                        <nav class="submenu-content">-->
                        <!--                           <ul>-->
                        <!--                              <li><a href="about.html">About</a></li>-->
                        <!--                              <li>-->
                        <!--                                 <a href="project.html">Work</a>-->
                        <!--                                 <ul>-->
                        <!--                                    <li><a href="project-grid.html">Project Grid</a></li>-->
                        <!--                                    <li><a href="project.html">Project Filter</a></li>-->
                        <!--                                    <li><a href="single-project.html">Single-Project</a></li>-->
                        <!--                                 </ul>-->
                        <!--                              </li>-->
                        <!--                              <li>-->
                        <!--                                 <a href="service.html">Service</a>-->
                        <!--                                 <ul>-->
                        <!--                                    <li><a href="single-service.html">Single Service</a></li>-->
                        <!--                                    <li><a href="contact.html">Contact Page</a></li>-->
                        <!--                                 </ul>-->
                        <!--                              </li>-->
                        <!--                           </ul>-->
                        <!--                        </nav>-->
                    </div>
                </div>
            </div>
            <!-- header logo  -->
            <!--               <div class="col-lg-4">-->
            <!--                  <div class="invacat-logo">-->
            <!--                     <a href=""><img src="static/picture/logo.png" alt=""></a>-->
            <!--                  </div>-->
            <!--               </div>-->
            <!-- invacat-menu-bar -->
            <!--               <div class="col-lg-4">-->
            <!--                  <div class="invacat-button">-->
            <!--                     <div class="invacat-popupe">-->
            <!--                        <img src="static/picture/maneu.png" alt="">-->
            <!--                     </div>-->
            <!--                     &lt;!&ndash; popupe-content &ndash;&gt;-->
            <!--                     <div class="popupe-menu">-->
            <!--                        <div class="invacat-icon">-->
            <!--                           <i class="fa-solid fa-xmark"></i>-->
            <!--                        </div>-->
            <!--                        <div class="popupe-discription">-->
            <!--                           <p>/ Contact us</p>-->
            <!--                           <h2>Invacat-Personal Bio info.</h2>-->
            <!--                           <p>Creating visual content, such as logos, brochures, infographics, and other branding materials</p>-->
            <!--                           <ul>-->
            <!--                              <li>-->
            <!--                                 <i class="fa-solid fa-location-dot"></i>-->
            <!--                                 <p>Chagrin Boulevard, OH 44124</p>-->
            <!--                              </li>-->
            <!--                              <li>-->
            <!--                                 <i class="fa-solid fa-envelope"></i>-->
            <!--                                 <p>demo@example.com</p>-->
            <!--                              </li>-->
            <!--                              <li>-->
            <!--                                 <i class="fa-solid fa-phone"></i>-->
            <!--                                 <p>+9 440 848 8222</p>-->
            <!--                              </li>-->
            <!--                           </ul>-->
            <!--                        </div>-->
            <!--                        <a class="invacat-button-popupe" href="contact.html">-->
            <!--                           <p>Get in touch</p>-->
            <!--                           <i class="fa-solid fa-arrow-right"></i>-->
            <!--                        </a>-->
            <!--                     </div>-->
            <!--                  </div>-->
            <!--               </div>-->
        </div>
    </div>
</div>
<!-- header end -->
<!-- mobile menu -->
<!--<div id="invacat-mobile-nav">-->
<!--    <div class="invact-logo">-->
<!--        <div class="logo">-->
<!--            <a href=""><img src="static/picture/logo-i-w.png" alt=""></a>-->
<!--        </div>-->
<!--        <div class="menu-button"><span class="fa-solid fa-bars"></span></div>-->
<!--    </div>-->
<!--    &lt;!&ndash; mobile menu content &ndash;&gt;-->
<!--    <ul>-->
<!--        <li><a href="about.html">About</a></li>-->
<!--        <li class="parent">-->
<!--            <a href="project.html">Work</a>-->
<!--            <ul>-->
<!--                <li><a href="project-grid.html">Project Grid</a></li>-->
<!--                <li><a href="project.html">Project Filter</a></li>-->
<!--                <li><a href="single-project.html">Single-Project</a></li>-->
<!--            </ul>-->
<!--        </li>-->
<!--        <li class="parent">-->
<!--            <a href="service.html">Service</a>-->
<!--            <ul>-->
<!--                <li><a href="single-service.html">Single Service</a></li>-->
<!--                <li><a href="contact.html">Contact Page</a></li>-->
<!--            </ul>-->
<!--        </li>-->
<!--    </ul>-->
<!--</div>-->
<!-- End Mobile Menu -->
<!-- slider area -->
<div class="slider-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-sm-12">
                <!-- animate headding content -->
                <div class="admin-content">
                    <!--                    <h6>Hello, I’m Arlen dogen</h6>-->
                    <h1 class="cd-headline clip is-full-width aminate-text">
                        <span>我是</span>
                        <span class="cd-words-wrapper witr_ani_text">
                        <b class="is-hidden">MaiLe</b>
                        <b class="is-visible">迈乐地产云计算系统</b>
                            <!--                        <b class="is-visible">website</b>-->
                        </span>
                    </h1>
                    <!--                    <div class="shape-animation">-->
                    <!--                        <div class="slide-shape01 three">-->
                    <!--                            <img src="static/picture/shape2.svg" alt="">-->
                    <!--                        </div>-->
                    <!--                        <div class="slide-shape02 three">-->
                    <!--                            <img src="static/picture/shape3.svg" alt="">-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                    <!--                    &lt;!&ndash; slider icon &ndash;&gt;-->
                    <!--                    <div class="social-icon">-->
                    <!--                        <p>Social follow: </p>-->
                    <!--                        <ul>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>-->
                    <!--                            <li><a class="active" href="#"><i class="fa-brands fa-twitter"></i></a>-->
                    <!--                            </li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>-->
                    <!--                        </ul>-->
                    <!--                    </div>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- admin-man -->
<div class="admin-man">
    <div class="container">
        <div class="row">
            <!-- admine section -->
            <div class="col-xxl-3 col-lg-6 col-md-6 col-sm-12">
                <!-- counter -->
                <div class="counter-process">
                    <h2><span class="counter">10</span><span>+</span></h2>
                    <p>我们的<br> 项目数</p>
                    <h2><span class="counter">100</span><span>%</span></h2>
                    <p>我们的<br> 满意度</p>
                    <h2><span class="counter">85</span><span>%</span></h2>
                    <p>性能提高</p>
                </div>
            </div>
            <!-- admin img -->
            <div class="col-xxl-6 col-lg-6 col-md-6 col-sm-12">
                <div class="admin-section">
                    <div class="slide-shape04 three">
                        <div class="animate-text">
                            <i class="fa-solid fa-check"></i>
                            <p>I am ready for<br>
                                your work!
                            </p>
                        </div>
                        <img src="static/picture/shape4.png" alt="">
                    </div>
                    <img src="static/picture/admin-man.png" alt="">
                    <div class="shape-man">
                        <img class="rotate01" src="static/picture/shapem01.png" alt="">
                        <img class="rotate02" src="static/picture/shapem02.png" alt="">
                        <img class="rotate03" src="static/picture/shapem03.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-xxl-3 col-lg-6 col-md-6 col-sm-12">
                <!-- contact from -->
                <div class="contact-from">
                    <form action="mail.php" method="post" id="contact-form">
                        <h4>联系我们</h4>
                        <label for="fname">称呼<em>*</em></label>
                        <input type="text" id="fname" name="name" placeholder="您的姓名">
                        <label for="lname">手机号<em>*</em></label>
                        <input type="email" id="lname" name="email" placeholder=" 手机号">
                        <!--                        <label for="country">Choose <em>*</em></label>-->
                        <!--                        <select id="country" name="ooselect">-->
                        <!--                            <option value="australia">Select option</option>-->
                        <!--                            <option value="australia">UI Design</option>-->
                        <!--                            <option value="canada">Developer</option>-->
                        <!--                            <option value="usa">Laravel</option>-->
                        <!--                        </select>-->
                        <label for="subject">留言<em>*</em></label>
                        <textarea id="subject" name="comment" placeholder="您有什么问题"
                                  style="height:104px"></textarea>
                        <button type="submit" name="ok" class="contack_btn">提交</button>
                        <div class="row">
                            <div class="col-lg-12 text-left">
                                <p class="form-messege"></p>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- admin-man-end -->
<!-- slider end -->
<!--<div class="brand-area">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="col-lg-12">-->
<!--                <div class="brand">-->
<!--                    <img src="static/picture/brand-all.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- skill-area -->
<div class="skill-area">
    <div class="container">
        <div class="row">
            <!-- section-title -->
            <div class="col-lg-12" style="margin-top: 100px">
                <div class="section-title">
                    <p>关于我们</p>
                    <h1><span>7+ 年</span> 研发经验</h1>
                </div>
            </div>
            <!-- figma -->
            <div class="col-lg-3 col-md-6">
                <div class="progess-wapper">
                    <div class="single-progess">
                        <div class="progess-inner">
                            <div id="circle"></div>
                            <img src="static/picture/Figma.png" alt="">
                        </div>
                        <div class="skill-content">
                            <h2>Figma能力</h2>
                            <h3>90%</h3>
                            <!--                            <a href="#">Buy Now<i class="fa-solid fa-arrow-right"></i></a>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- photoshop -->
            <div class="col-lg-3 col-md-6">
                <div class="progess-wapper">
                    <div class="single-progess">
                        <div class="progess-inner">
                            <div id="circle02"></div>
                            <img src="static/picture/Photoshop.png" alt="">
                        </div>
                        <div class="skill-content">
                            <h2>Photoshop能力</h2>
                            <h4>90%</h4>
                            <!--                            <a href="#">Buy Now<i class="fa-solid fa-arrow-right"></i></a>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- xd -->
            <div class="col-lg-3 col-md-6">
                <div class="progess-wapper">
                    <div class="single-progess">
                        <div class="progess-inner">
                            <div id="circle03"></div>
                            <img src="static/picture/Experience.png" alt="">
                        </div>
                        <div class="skill-content">
                            <h2>XD能力</h2>
                            <h5>90%</h5>
                            <!--                            <a href="#">Buy Now<i class="fa-solid fa-arrow-right"></i></a>-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- Illustrator -->
            <div class="col-lg-3 col-md-6">
                <div class="progess-wapper">
                    <div class="single-progess">
                        <div class="progess-inner">
                            <div id="circle04"></div>
                            <img src="static/picture/Illustrator.png" alt="">
                        </div>
                        <div class="skill-content">
                            <h2>Illustrator能力</h2>
                            <h1>90%</h1>
                            <!--                            <a href="#">Buy Now<i class="fa-solid fa-arrow-right"></i></a>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- skill-area end -->
<!-- testimonial-area -->
<!--<div class="testimonial-area">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="testi-section">-->
<!--                <img src="static/picture/testi-man.png" alt="">-->
<!--                <p>“This hotly anticipated debut novel takes on topics both timely and tragically-->
<!--                    universal school shootings, love, loss, forgiveness, and pain.”</p>-->
<!--            </div>-->
<!--            <div class="testi-content">-->
<!--                <img src="static/picture/testi-s-shape.png" alt="">-->
<!--                <h2>Arlen dogen</h2>-->
<!--                <p>Freelancer expert</p>-->
<!--            </div>-->
<!--            <div class="testi-image">-->
<!--                <img src="static/picture/testi-shape.png" alt="">-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- testimonial-area end -->
<!-- video-area -->
<div class="video-area">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <!-- video-section -->
                <div class="video-section">
                    <div class="video-play">
                        <!--                        <a class="venobox" data-vbtype="video" href="#"> <i-->
                        <!--                                class="fa-solid fa-play"></i></a>-->
                    </div>
                    <img src="static/picture/testi-img.png" alt="">
                </div>
                <!-- video-content -->
                <!--                <div class="video-content">-->
                <!--                    <h3>About us</h3>-->
                <!--                    <p>Color transparency and opacity in the foreground is more difficult to detect-->
                <!--                        and account for due</p>-->
                <!--                    <h6>Gmail: demo@example.com</h6>-->
                <!--                    <a href="#">Download CV <i class="fa-solid fa-download"></i></a>-->
                <!--                </div>-->
            </div>
        </div>
    </div>
</div>
<!-- video end -->
<!-- service-area -->
<div class="service-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-title">
                    <!--                    <p>BEST EXPERIENCES</p>-->
                    <h1>我们的服务 <span>范围</span></h1>
                    <img src="static/picture/service-shape.png" alt="">
                </div>
            </div>
            <!-- single-service 01 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service01.jpg" alt="">
                    </div>
                    <!--                    <div class="service-next">-->
                    <!--                        <a href="single-service.html"><i class="fa-solid fa-arrow-right"></i></a>-->
                    <!--                    </div>-->
                    <div class="service-content">
                        <h2>地产云计算</h2>
                        <p>46+ 完整项目</p>
                    </div>
                </div>
            </div>
            <!-- single-service 02 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service02.jpg" alt="">
                    </div>
                    <!--                    <div class="service-next">-->
                    <!--                        <a href="single-service.html"> <i class="fa-solid fa-arrow-right"></i></a>-->
                    <!--                    </div>-->
                    <div class="service-content">
                        <h2>景观设计</h2>
                        <p>40+ 完整项目</p>
                    </div>
                </div>
            </div>
            <!-- single-service 03 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service03.jpg" alt="">
                    </div>
                    <!--                    <div class="service-next">-->
                    <!--                        <a href="single-service.html"> <i class="fa-solid fa-arrow-right"></i></a>-->
                    <!--                    </div>-->
                    <div class="service-content">
                        <h2>Graphics 设计</h2>
                        <p>75+ 完整项目</p>
                    </div>
                </div>
            </div>
            <!-- single-service 04 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service04.jpg" alt="">
                    </div>
                    <!--                    <div class="service-next">-->
                    <!--                        <a href="single-service.html"> <i class="fa-solid fa-arrow-right"></i></a>-->
                    <!--                    </div>-->
                    <div class="service-content">
                        <h2>WP 设计</h2>
                        <p>60+ 完整项目</p>
                    </div>
                </div>
            </div>
            <!-- single-service 05 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service05.jpg" alt="">
                    </div>
                    <!--                    <div class="service-next">-->
                    <!--                        <a href="single-service.html"> <i class="fa-solid fa-arrow-right"></i></a>-->
                    <!--                    </div>-->
                    <div class="service-content">
                        <h2>后台研发</h2>
                        <p>46+ 完整项目</p>
                    </div>
                </div>
            </div>
            <!-- single-service 06 -->
            <div class="col-lg-6">
                <div class="single-service">
                    <div class="service-icon">
                        <img src="static/picture/service06.jpg" alt="">
                    </div>
                    <div class="service-next">
                        <a href="single-service.html"> <i class="fa-solid fa-arrow-right"></i></a>
                    </div>
                    <div class="service-content">
                        <h2>UI/UX 设计</h2>
                        <p>20+ 完整项目</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- service-area-end -->
<!-- project area -->
<!--<div class="project-area">-->
<!--    <div class="container-fluid">-->
<!--        <div class=" row button-group project-menu">-->
<!--            <div class="col-lg-12">-->
<!--                <div class="section-title">-->
<!--                    <p>BEST EXPERIENCES</p>-->
<!--                    <h1>Our project <span>success !</span></h1>-->
<!--                    <img src="static/picture/service-shape.png" alt="">-->
<!--                </div>-->
<!--                &lt;!&ndash; project-filter &ndash;&gt;-->
<!--                <div class="project-filter">-->
<!--                    <button class="button active" data-filter="*">Show all</button>-->
<!--                    <button class="button" data-filter=".WordPress">WordPress</button>-->
<!--                    <button class="button" data-filter=".Sass">Sass</button>-->
<!--                    <button class="button" data-filter=".WebDesign">Web Design</button>-->
<!--                    <button class="button" data-filter=".Javascript">Javascript</button>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="row project-active">-->
<!--            &lt;!&ndash; single-project 01 &ndash;&gt;-->
<!--            <div class="col-xxl-4 col-lg-6 col-md-6 col-xl-6 project-item Javascript">-->
<!--                <div class="single-project">-->
<!--                    <div class="project-content">-->
<!--                        <h2><a href="#">Sport management</a></h2>-->
<!--                        <p>Sport club</p>-->
<!--                        <div class="project-btn">-->
<!--                            <a href="#">View live demo<i class="fa-solid fa-arrow-right"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img src="static/picture/project01.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; single-project 02 &ndash;&gt;-->
<!--            <div class="col-xxl-4 col-lg-6 col-md-6 col-xl-6 project-item Sass WordPress Javascript">-->
<!--                <div class="single-project">-->
<!--                    <div class="project-content">-->
<!--                        <h2><a href="#">eBook online shop</a></h2>-->
<!--                        <p>Library</p>-->
<!--                        <div class="project-btn">-->
<!--                            <a href="#">View live demo<i class="fa-solid fa-arrow-right"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img src="static/picture/project02.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; single-project 03 &ndash;&gt;-->
<!--            <div class="col-xxl-4 col-lg-6 col-md-6 col-xl-6 project-item Sass WebDesign">-->
<!--                <div class="single-project">-->
<!--                    <div class="project-content">-->
<!--                        <h2><a href="#">Art design</a></h2>-->
<!--                        <p>Art, design</p>-->
<!--                        <div class="project-btn">-->
<!--                            <a href="#">View live demo<i class="fa-solid fa-arrow-right"></i></a>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <img src="static/picture/project03.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        &lt;!&ndash; project-btns &ndash;&gt;-->
<!--        <div class="row">-->
<!--            <div class="col-lg-12">-->
<!--                <div class="project-btns">-->
<!--                    <a href="#">View more project<i class="fa-solid fa-arrow-right"></i></a>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- peoject end -->
<!-- award-area -->
<!--<div class="award-area">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="col-lg-6">-->
<!--                <div class="award-img">-->
<!--                    <img class="aimg01" src="static/picture/award.png" alt="">-->
<!--                    <img class="aimg02" src="static/picture/award-shape.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; award 01 &ndash;&gt;-->
<!--            <div class="col-lg-6">-->
<!--                <div class="award-content">-->
<!--                    <div class="section-title">-->
<!--                        <p>BEST EXPERIENCES</p>-->
<!--                        <h1>We do world-class work. <span>check out</span> our awards. </h1>-->
<!--                    </div>-->
<!--                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing. perspiciatis ipsum vero-->
<!--                        optio rerum molestiae, sintory ducimus, rem labore et delectus-->
<!--                        aspernatur.</p>-->
<!--                    <div class="award-btns">-->
<!--                        <a href="#">Winning award<i class="fa-solid fa-arrow-right"></i></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        &lt;!&ndash; award 02 &ndash;&gt;-->
<!--        <div class="row contact-address-area">-->
<!--            <div class="col-xxl-3 col-lg-6 col-md-6">-->
<!--                <div class="contact-address">-->
<!--                    <div class="award-title">-->
<!--                        <i class="fa-solid fa-user"></i>-->
<!--                    </div>-->
<!--                    <div class="contact-content">-->
<!--                        <p>Name:</p>-->
<!--                        <p class="award">Cullum smith</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="col-xxl-3 col-lg-6 col-md-6">-->
<!--                <div class="contact-address">-->
<!--                    <div class="award-title">-->
<!--                        <i class="fa-solid fa-envelope"></i>-->
<!--                    </div>-->
<!--                    <div class="contact-content">-->
<!--                        <p>Email:</p>-->
<!--                        <p class="award">demo@example.com</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; award 03 &ndash;&gt;-->
<!--            <div class="col-xxl-3 col-lg-6 col-md-6">-->
<!--                <div class="contact-address">-->
<!--                    <div class="award-title">-->
<!--                        <i class="fa-solid fa-calendar-days"></i>-->
<!--                    </div>-->
<!--                    <div class="contact-content">-->
<!--                        <p>Date of birth:</p>-->
<!--                        <p class="award">25 December, 1987</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; award 04 &ndash;&gt;-->
<!--            <div class="col-xxl-3 col-lg-6 col-md-6">-->
<!--                <div class="contact-address">-->
<!--                    <div class="award-title">-->
<!--                        <i class="fa-solid fa-location-dot"></i>-->
<!--                    </div>-->
<!--                    <div class="contact-content">-->
<!--                        <p>From:</p>-->
<!--                        <p class="award">Los Angeles, USA.</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- award-area end -->
<!-- blog-area -->
<!--<div class="blog-area">-->
<!--    <div class="container">-->
<!--        <div class="row">-->
<!--            <div class="col-12">-->
<!--                <div class="section-title">-->
<!--                    <p>LATEST NEWS</p>-->
<!--                    <h1>Blog post <span>update</span></h1>-->
<!--                    <img src="static/picture/service-shape.png" alt="">-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; single-blog 01 &ndash;&gt;-->
<!--            <div class="col-sm-12 col-md-12 col-lg-6 col-xl-4">-->
<!--                <div class="blog-single">-->
<!--                    <div class="blog-img">-->
<!--                        &lt;!&ndash; blog-audio &ndash;&gt;-->
<!--                        <div class="blog-photo">-->
<!--                            <img src="static/picture/blog01.jpg" alt="">-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash; blog-content &ndash;&gt;-->
<!--                    <div class="blog-content">-->
<!--                        <div class="blog-meta">-->
<!--                            <ul>-->
<!--                                <li class="blog-tag">Marketing</li>-->
<!--                                <li>12. 02. 2023</li>-->
<!--                            </ul>-->
<!--                            <h2><a href="single-blog.html">Create an standing jre marketing plan</a>-->
<!--                            </h2>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; single-blog 01 &ndash;&gt;-->
<!--            <div class="col-sm-12 col-md-12 col-lg-6 col-xl-4">-->
<!--                <div class="blog-single">-->
<!--                    <div class="blog-img">-->
<!--                        <div class="blog-play">-->
<!--                            <a class="venobox" data-vbtype="video" href="#"> <i-->
<!--                                    class="fa-solid fa-play"></i></a>-->
<!--                        </div>-->
<!--                        <img src="static/picture/blog02.jpg" alt="">-->
<!--                    </div>-->
<!--                    <div class="blog-content">-->
<!--                        <div class="blog-meta">-->
<!--                            <ul>-->
<!--                                <li class="blog-tag">Graphics</li>-->
<!--                                <li>12. 02. 2023</li>-->
<!--                            </ul>-->
<!--                            <h2><a href="single-blog.html">Standing create an jre marketing plan</a>-->
<!--                            </h2>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; single-blog 01 &ndash;&gt;-->
<!--            <div class="col-sm-12 col-md-12 col-lg-6 col-xl-4">-->
<!--                <div class="blog-single">-->
<!--                    <div class="blog-img">-->
<!--                        <img src="static/picture/blog03.jpg" alt="">-->
<!--                    </div>-->
<!--                    <div class="blog-content">-->
<!--                        <div class="blog-meta">-->
<!--                            <ul>-->
<!--                                <li class="blog-tag">Art</li>-->
<!--                                <li>12. 02. 2023</li>-->
<!--                            </ul>-->
<!--                            <h2><a href="single-blog.html">Marketing create an standing jre plan</a>-->
<!--                            </h2>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- blog-area end  -->
<!-- newslatter -->
<!--<div class="newslatter">-->
<!--    <div class="container">-->
<!--        <div class="row news-content">-->
<!--            <div class="col-lg-4 col-md-4 col-sm-12">-->
<!--                <div class="newslatter-title">-->
<!--                    <h1>Newslatter</h1>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; newslatter-form &ndash;&gt;-->
<!--            <div class="col-lg-8 col-md-8 col-sm-12">-->
<!--                <div class="newslatter-form">-->
<!--                    <form action="#sing">-->
<!--                        <input type="text" placeholder="Enter email" name="email">-->
<!--                        <button type="submit" value="subscribe">Subscribe</button>-->
<!--                    </form>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- newslatter end -->
<!-- footer area -->
<div class="footer-area">
    <div class="container">
        <div class="row">
            <!-- about-content -->
            <div class="col-lg-4 col-md-6" style="opacity: 0">
                <div class="single-about">
                    <div class="about-content">
                        <h2>关于我们</h2>
                        <p>Copyright &copy; 2024.成都迈乐科技有限公司.
                        </p>
                        <a target="_blank"
                           href="https://beian.miit.gov.cn/">
                            蜀ICP备2023005307号-2</a>
                    </div>
                    <!--                    <div class="abouts-icon">-->
                    <!--                        <ul>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>-->
                    <!--                        </ul>-->
                    <!--                    </div>-->
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single-about">
                    <div class="about-content">
                        <h2>关于我们</h2>
                        <p>Copyright &copy; 2024.成都迈乐科技有限公司.
                        </p>
                        <a target="_blank"
                           href="https://beian.miit.gov.cn/">
                            蜀ICP备2023005307号-2</a>
                    </div>
                    <!--                    <div class="abouts-icon">-->
                    <!--                        <ul>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>-->
                    <!--                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>-->
                    <!--                        </ul>-->
                    <!--                    </div>-->
                </div>
            </div>
            <!-- newslatter -->
            <!--            <div class="col-lg-4 col-md-6 footer-contact">-->
            <!--                <div class="call-number">-->
            <!--                    <div class="call-address">-->
            <!--                        <img src="static/picture/Comment.png" alt="">-->
            <!--                        <p>If you have questions you can contact us?</p>-->
            <!--                        <a href="contact.html">Contact us</a>-->
            <!--                    </div>-->
            <!--                    <div class="call-num">-->
            <!--                        <p>Or call us</p>-->
            <!--                        <h2>+1 800 642 94 31</h2>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!-- quick-link -->
            <!--            <div class="col-lg-4 col-md-6">-->
            <!--                <div class="quick-link">-->
            <!--                    <h2>Quick Link</h2>-->
            <!--                    <ul>-->
            <!--                        <li><a href="#">About us</a></li>-->
            <!--                        <li><a href="#">Privicy</a></li>-->
            <!--                        <li><a href="#">Free website </a></li>-->
            <!--                        <li><a href="#">Careear</a></li>-->
            <!--                    </ul>-->
            <!--                </div>-->
            <!--            </div>-->
        </div>
    </div>
</div>
<!-- footer end -->
<!---------------------  JS area --------------------------->
<script src="static/js/jquery.min.js"></script>
<!--------------------- bootstrap js --------------------------->
<script src="static/js/bootstrap.min.js"></script>
<!--------------------- slick js --------------------------->
<script src="static/js/slick.min.js"></script>
<!--------------------- waypoint js --------------------------->
<script src="static/js/waypoint.js"></script>
<!--------------------- counterup js --------------------------->
<script src="static/js/counterup.min.js"></script>
<!--------------------- animation-heading js --------------------------->
<script src="static/js/animation-heading.js"></script>
<!--------------------- ajax-mail js --------------------------->
<script src="static/js/ajax-mail.js"></script>
<!--------------------- venobox js --------------------------->
<script src="static/js/venobox.min.js"></script>
<!--------------------- circle-progress js --------------------------->
<script src="static/js/circle-progress.js"></script>
<!--------------------- circle-progress js --------------------------->
<script src="static/js/jquery.scrollUp.js"></script>
<!--------------------- scrollUp js --------------------------->
<script src="static/js/isotope.pkgd.min.js"></script>
<!--------------------- main js --------------------------->
<script src="static/js/main.js"></script>

</body>
</html>
